<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Bienvenido</title>
</h:head>
<h:body>
	<h:form id="form">
		<p:growl id="messages" />
		<p:breadCrumb>
			<p:menuitem value="Menu" url="/menuAdmin.jsf" />
			<p:menuitem value="Usuarios" url="/usuarios.jsf" />
			<p:menuitem value="Salas" url="/salas.jsf" />
			<p:menuitem value="Reservar" url="/reservas.jsf" />
			<p:menuitem value="Logout" action="#{loginManagedBean.logout()}" />
		</p:breadCrumb>
	</h:form>
	<h:form id="miform">
		<p:commandButton value="Desplegar Salas"
			actionListener="#{salaManagedBean.listar()}" process="@this"
			update="lista" />
		<br />
		<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
			for="gfMessages" />
		<h:panelGroup id="botones">
			<p:commandButton value="Crear Sala"
				actionListener="#{salaManagedBean.limpiar}"
				oncomplete="PF('dAgregarSala').show();" />
			<!--  LLama al widgetVar -->
		</h:panelGroup>

		<!-- Listar Salas -->
		<h:panelGroup id="lista">
			<p:dataTable id="salas" style="margin-bottom:40px"
				value="#{salaManagedBean.listar()}" var="sala"
				rendered="#{salaManagedBean.listar().size() gt 0}">
				<f:facet name="header">
            Lista Salas
        </f:facet>
				<p:column headerText="Nombre" sortBy="#{sala.nombre}">
					<h:outputText value="#{sala.nombre}" />
				</p:column>

				<p:column headerText="Ubicacion" sortBy="#{sala.ubicacion}">
					<h:outputText value="#{sala.ubicacion}" />
				</p:column>

				<p:column headerText="Proyector" sortBy="#{sala.proyector}">
					<h:outputText value="Tiene" rendered="#{sala.proyector}" />
					<h:outputText value="No tiene" rendered="#{!sala.proyector}" />
				</p:column>

				<p:column headerText="Televisor" sortBy="#{sala.televisor}">
					<h:outputText value="Tiene" rendered="#{sala.televisor}" />
					<h:outputText value="No tiene" rendered="#{!sala.televisor}" />
				</p:column>

				<p:column headerText="Capacidad" sortBy="#{sala.capacidad}">
					<h:outputText value="#{sala.capacidad}" />
				</p:column>
				<p:commandButton value="Crear Sala"
					actionListener="#{salaManagedBean.limpiar()}"
					oncomplete="PF('dAgregarSala').show();" />

				<p:column headerText="Editar">
					<p:commandButton action="#{salaManagedBean.actualizarSala(sala)}"
						oncomplete="PF('dModificarSala').show();" value="Editar"></p:commandButton>
				</p:column>
				<p:column headerText="eliminar">
					<p:growl id="growl" sticky="true" />
					<p:commandButton value="Eliminar"
						action="#{salaManagedBean.borrar(sala)}" update=":miform">
						<p:confirm header="Confirmar" message="Esta seguro de eliminar?"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:confirmDialog style=" top: 180px; left: 300px; width: 530px;"
						global="true" showEffect="fade" hideEffect="explode">
						<p:commandButton value="Si" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="No" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>
			</p:dataTable>
		</h:panelGroup>
	</h:form>
	<!-- Agregar Sala ajax -->
	<h:form id="fAgregarSala">
		<p:dialog position="top" header="Ingresar Sala"
			widgetVar="dAgregarSala" id="dIdAgregarSala" showEffect="explode"
			hideEffect="bounce" height="370">
			<p:panel id="pCrearSala">
				<p:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Nombre:" style="font-weight:bold" />
					<p:inputText value="#{salaManagedBean.sala.nombre}" id="nombres"
						required="true" />
					<h:outputLabel value="Ubicacion" style="font-weight:bold" />
					<p:inputText value="#{salaManagedBean.sala.ubicacion}"
						id="Ubicacion" required="true" />
					<h:outputLabel value="Proyector" />
					<p:selectOneRadio required="true" id="Proyector"
						value="#{salaManagedBean.sala.proyector}">
						<f:selectItem itemValue="True" itemLabel="Tiene" />
						<f:selectItem itemValue="False" itemLabel="No tiene" />
					</p:selectOneRadio>
					<h:outputLabel value="Televisor" />
					<p:selectOneRadio required="true" id="Televisor"
						value="#{salaManagedBean.sala.televisor}">
						<f:selectItem itemValue="True" itemLabel="Tiene" />
						<f:selectItem itemValue="False" itemLabel="No tiene" />
					</p:selectOneRadio>
					<p:outputLabel for="capacidad" value="Capacidad" />
					<p:spinner id="capacidad" value="#{salaManagedBean.sala.capacidad}" />
				</p:panelGrid>
				<p:commandButton actionListener="#{salaManagedBean.agregar()}"
					value="Agregar" update=":miform:lista pCrearSala :miform:gMessages" />
			</p:panel>
		</p:dialog>
	</h:form>

	<!-- Modificar Sala Ajax -->
	<h:form id="fModificarSala">
		<p:dialog position="top" header="Modificar Sala"
			widgetVar="dModificarSala" id="dIdModificarSala" showEffect="explode"
			hideEffect="bounce" height="370">
			<p:panel id="pModificarSala">
				<p:growl id="growl" sticky="true" />
				<p:panelGrid columns="2" cellpadding="5">
					<h:outputLabel value="Nombre:" style="font-weight:bold" />
					<p:inputText disabled="true" value="#{salaManagedBean.sala.nombre}"
						id="nombre" required="true" />
					<h:outputLabel value="Ubicacion" style="font-weight:bold" />
					<p:inputText value="#{salaManagedBean.sala.ubicacion}"
						id="Ubicacion" required="true" />
					<h:outputLabel value="Proyector" />
					<p:selectOneRadio required="true" id="Proyector"
						value="#{salaManagedBean.sala.proyector}">
						<f:selectItem itemValue="True" itemLabel="Tiene" />
						<f:selectItem itemValue="False" itemLabel="No tiene" />
					</p:selectOneRadio>
					<h:outputLabel value="Televisor" />
					<p:selectOneRadio required="true" id="Televisor"
						value="#{salaManagedBean.sala.televisor}">
						<f:selectItem itemValue="True" itemLabel="Tiene" />
						<f:selectItem itemValue="False" itemLabel="No tiene" />
					</p:selectOneRadio>
					<p:outputLabel for="capacidad" value="Capacidad" />
					<p:spinner id="capacidad" value="#{salaManagedBean.sala.capacidad}" />
				</p:panelGrid>
				<p:commandButton
					update=":miform:lista pModificarSala :miform:gMessages"
					actionListener="#{salaManagedBean.actualizar()}" value="Aceptar" />
			</p:panel>
		</p:dialog>
	</h:form>

	<!-- Eliminar Sala Ajax -->
</h:body>

</html>